<!DOCTYPE html>
<html lang="en">
<head>
    <title>签约个人信息</title>
    <meta name="viewport" content="width=device-width,user-scalable=no, initial-scale=1">
    <titleType style="display: none">familyAdd</titleType>
    <%- include('../../_global/baseLibs') %>
</head>
<script type="text/javascript">
    $(function () {
        $("#titleBtn").on("click", function () {
            var obj = JSON.parse(localStorage.getItem("qysq"));
            obj.addressProvince = $("#sheng").val();
            obj.addressCity = $("#shi").val();
            obj.addressCounty = $("#qu").val();
            obj.addressTown = $("#zhen").val();
            obj.addressCommittee = $("#juwei").val();
            obj.addressOther = $("#xiangxi").val();
            if($("#sheng").val() !== "" && $("#shi").val() !== "" && $("#qu").val() !== "" && $("#zhen").val() !== "" && $("#juwei").val() !== "" && $("#xiangxi").val() !== ""){
                localStorage.setItem("qysq", JSON.stringify(obj));
                location = "qyyyxx.html";
            }else {
                $.QuickAlert.alertFail({content: "还有信息未填写完整"});
            }
        });
    });
</script>
<body>
<section class="page-wrap page-family">
    <!-- header start -->
    <header id="header" class="header-box grey fixed"  >
        <div class="header-content">
            <div class="left-tool">
                <a class="back" href="javascript:void(0)"><i class="iconfont icon-back"></i></a>
            </div>
            <div class="title">居住地信息</div>
        </div>
    </header>
    <!-- header end -->
    <!--content start-->
    <section class="content">
        <form id="grxxForm">
        <aside class="plane-box first family-plane">
            <ul class="default-list form-list">
                <li>
                    <div class="item-inner">
                        <div class="item-title">
                            省（自治区/直辖市）
                        </div>
                        <div class="item-center">
                            <input class="input-text form-control" id="sheng" name="xm" type="text" placeholder="请输入" value=""
                                   quick-config="label:'省份', validateProxy:'notNull length', length: '16'">
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item-inner">
                        <div class="item-title">
                            市（地区/州）
                        </div>
                        <div class="item-center">
                            <input class="input-text form-control" id="shi" name="sfzh" type="text" placeholder="请输入" value=""
                                   quick-config="label:'市', validateProxy:'notNull validPatientCardId'">
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item-inner">
                        <div class="item-title">
                            县（区）
                        </div>
                        <div class="item-center">
                            <input class="input-text form-control" id="qu" name="sj" type="text" placeholder="请输入" value=""
                                   quick-config="label:'区', validateProxy:'notNull validPhoneNum'">
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item-inner">
                        <div class="item-title">
                            街道（镇）
                        </div>
                        <div class="item-center">
                            <input id="zhen" class="input-text form-control" type="text"  placeholder="请输入" value=""
                                   quick-config="label:'镇', validateProxy:'notNull'">
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item-inner">
                        <div class="item-title">
                            居委（村）
                        </div>
                        <div class="item-center">
                            <input class="input-text form-control" id="juwei" name="sj" type="text" placeholder="请输入" value=""
                                   quick-config="label:'居委', validateProxy:'notNull validPhoneNum'">
                        </div>
                    </div>
                </li>
            </ul>
        </aside>

        <aside  class="plane-box">
            <ul class="default-list form-list">
                <li>
                    <div class="item-inner">
                        <div class="item-title">
                            详细地址
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item-inner">
                        <div class="item-center">
                            <input class="input-text form-control" id="xiangxi" type="text" name="tz" placeholder="输入居住地详细地址" value="" style="text-align: left;padding-left: 0;">
                        </div>
                    </div>
                </li>
            </ul>
        </aside>
        </form>
     <button id="titleBtn" style="width: 100%;height:40px;color: #ffffff;border-radius: 5px;background-color: #AAB5F2;border: none;">下一步</button>
    </section>
    <!--content end-->

</section>
</body>
</html>